import React from 'react';
import {Card, Form, Radio, Input, Switch, Select} from 'antd';

const {Option} = Select;

const SystemSetting = () => {
    return (
        <Card
            title='系统设置'
            style={{width: '100%'}}>
            <Form layout='vertical'>
                <Form.Item label='背景颜色模式'>
                    <Radio.Group defaultValue='light'>
                        <Radio value='light'>浅色模式</Radio>
                        <Radio value='dark'>深色模式</Radio>
                    </Radio.Group>
                </Form.Item>
                <Form.Item label='默认保存路径'>
                    <Input placeholder='请输入默认保存路径'/>
                </Form.Item>
                <Form.Item label='接收通知'>
                    <Switch defaultChecked/>
                </Form.Item>
                <Form.Item label='语言设置'>
                    <Select
                        defaultValue='zh-CN'
                        style={{width: 240}}>
                        <Option value='zh-CN'>简体中文</Option>
                        <Option value='en-US'>English (US)</Option>
                        <Option value='es-ES'>Español (España)</Option>
                        <Option value='fr-FR'>Français (France)</Option>
                    </Select>
                </Form.Item>
            </Form>
        </Card>
    );
};

export default SystemSetting;
